<%@page import="study.top.jsp.PageHandler"%>
<%@page import="study.top.mydb.items.CategoryAllItem"%>
<%@page import="study.top.mydb.items.Category2Item"%>
<%@page import="study.top.mydb.Category2"%>
<%@page import="study.top.mydb.items.Category1Item"%>
<%@page import="java.util.ArrayList"%>
<%@page import="study.top.mydb.Category1"%>
<%@page import="study.top.mydb.items.ProductItem"%>
<%@page import="study.top.mydb.Product"%>
<%@page import="study.top.common.PatternChecker"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ include file="dbcon.jsp"%>
<%
	// 카테고리1 목록에 대한 ArrayList 받아오기
	Category1 dept1 = new Category1();
	ArrayList<Category1Item> Ca1_list = dept1.selectCategory1List();

	// 카테고리2 목록에 대한 ArrayList 받아오기
	Category2 dept2 = new Category2();
	//ArrayList<Category2Item> Ca2_list = dept2.selectCategory2List(1);

	// Category1,2 join List
	ArrayList<CategoryAllItem> CaAll_list = dept2
			.selectCategoryAllList();

	// DB접속 해제
	//DBHandler.getInstance().disconnect();
	
	int nowPage = web.getInt("page");
	//Article article = new Article();
	ArrayList<CategoryAllItem> list = dept2.CategoryAllList(nowPage, 10, 5);
	db.disconnect();
	PageHandler p_handler = PageHandler.getInstance();

	if (list == null) {
		web.goPage(null, "데이터 조회에 실패했습니다");
		return;
	}
%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>여기에 제목을 입력하세요.</title>

		<!-- 모바일 웹 페이지 설정 -->
		<link rel="shortcut icon" href="assets/ico/favicon.png" />
		<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />

		<!-- bootstrap -->
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
		<!-- Top makes css file -->
		<link rel="stylesheet" type="text/css" href="assets/css/topCommon.css" />
		<!-- 나눔고딕 웹 폰트 적용 -->
		<link rel="stylesheet" type="text/css" href="assets/css/nanumfont.css" />
		<!-- 반응형 웹을 지원하지 않을 경우 -->
		<!-- <link rel="stylesheet" href="assets/css/non-responsive.css" /> -->

		<!-- IE8 이하 버전 지원 -->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="assets/js/html5shiv.js"></script>
		<script type="text/javascript" src="assets/js/respond.min.js"></script>
		<![endif]-->

		<!-- IE10 반응형 웹 버그 보완 -->
		<!--[if gt IE 9]>
		<link rel="stylesheet" type="text/css" href="assets/css/ie10.css" />
		<script type="text/javascript" src="assets/js/ie10.js"></script>
		<![endif]-->

		
	</head>

	<body>
		<div class="container">
		<div class="page-header">
			<h1>하위 분류 추가</h1>
		</div>
		<a href="adminMypage.jsp"><input type="button" class="top-btn-custom" value="관리자페이지 바로가기"></a>
		<br />
		
		<!-- 리스트양식 -->
		<div class="table-responsive">
			<table class="table table-striped table-hover">
				<thead>
					<tr class="warning">
						<th class="text-center">상위분류 이름</th>
						<th class="text-center">하위분류 이름</th>
						<th class="text-center">하위분류 수정날짜</th>
						<th class="text-center">하위분류 입력날짜</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<%
					// 리스트가 없을 때
						if (list.size() < 1) {
							
					%>
					<tr>
						<td colspan="8"><p class="text-center text-warning"
								style="height: 100px">저장된 데이터가 없습니다.</p></td>
					</tr>
					<%
						} else {
							for (int i=0; i<list.size(); i++) {
								CategoryAllItem item1 = list.get(i);
					%>
					<tr class="text-center">
						<td align="center"><%=item1.getC1_name()%></td>
						<td><%=item1.getC2_name()%></td>
						<td><%=item1.getC2_reg_date()%></td>
						<td><%=item1.getC2_edit_date()%></td>
						<td><a href="aCategory2view.jsp?seq=<%=item1.getC2_seq()%>"
							class="btn btn-sm btn-primary">정보보기</a></td>
					</tr>
					<%
							}
						}
					%>
				</tbody>
			</table>
		</div>
		<!-- 리스트양식 끝// -->
		
		<!-- 페이지 구현 -->
		<div class="text-center">
			<ul class="pagination pagination-centered">
<%
	// 이전 페이지 그룹 링크
	// --> 현재 페이지가 1페이지의 그룹 수 보다 작다면 첫 그룹이므로
	//     링크  비활성화
	if(p_handler.getNowPage() <= p_handler.getPageGroupCount()){
%>
				<li class="disabled"><a href="#">&laquo;</a></li>
<%
	}else{
		// 그렇지 않다면, 이전 페이지 그룹의 마지막 페이지로 링크 생성
		int prevPage = p_handler.getStartPage() -1;
%>
				<li><a href="aCategory2AddView.jsp?page=<%=prevPage%>">&laquo;</a></li>
<%
	}
%>

<%
	// 현재 페이지 그룹의 첫 페이지부터 마지막 페이지까지 반복 처리
	for(int i=p_handler.getStartPage();
			i<=p_handler.getEndPage(); i++){
		String classAttr = "";
		if(i==p_handler.getNowPage()){
			classAttr = "class='active'";
		}
%>
				<li <%=classAttr%>><a href="aCategory2AddView.jsp?page=<%=i%>"><%=i%></a></li>
<%
	}
%>
<%
	// 현재 페이지가 첫 마지막 페이지 그룹의 첫 페이지보다 크거나 같다면,
	// 다음 페이지로 이동할 수 없다.
	if(p_handler.getNowPage() >= p_handler.getLastGroupFirstPage()){
%>
				<li class="disabled"><a href="#">&raquo;</a></li>
<%
	}else{
		// 그렇지 않다면, 현재 그룹의 마지막페이지+1 --> 다음 그룹의 첫 페이지로
		// 이동할 링크 생성
		int nextPage = p_handler.getEndPage() + 1;
%>		
		<li><a href="aCategory2AddView.jsp?page=<%=nextPage%>">&raquo;</a></li>
<%
	}
%>
			</ul>
		</div>



			<!--// 페이지 구현 -->
		
		<form id="frmCategoryView" class="form-horizontal" role="form"
			method="post" action="aCategory2AddOK.jsp">

        	
			<fieldset>
				<div class="form-group">
					<label for="seq" class="col-md-2 control-label">상위분류 선택</label>
					<div class="col-md-10">
						<select id="ca1seq" name="ca1seq" class="form-control">
							<option value="0">---- 선택하세요 ----</option>
							<%
								if (Ca1_list != null) {
									for (int i=0; i<Ca1_list.size(); i++) {
										Category1Item c1_item = Ca1_list.get(i);
							%>
							<option value="<%=c1_item.getSeq()%>"><%=c1_item.getSeq()%>. <%=c1_item.getC1_name()%></option>
							<%
									}
								}
							%>
						</select>
					</div>
				</div>
				<!-- 입력양식 -->
				<div class="form-group">
					<label for="name" class="col-md-2 control-label">하위분류 이름</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="name"
							placeholder="하위분류 명을 입력하세요" name="name">
					</div>
				</div>

				<div class="form-group">
					<div class="col-md-offset-2 col-md-10">
						<div class="row">
							<div class="col-xs-6">
								<!--  <a href="aProductAddOK.jsp" class="btn btn-primary btn-block">상품추가</a>-->
								<button type="submit" id="Add" formaction="aCategory2AddOK.jsp"
									formmethod="post"
									class="btn btn-primary btn-block">하위분류 추가</button>
							</div>
							<div class="col-xs-6">
								<a href="javascript:history.back()" class="btn btn-info btn-block">뒤로가기</a>
							</div>
						</div>
					</div>
				</div>

			</fieldset>
		</form>
	</div>

	<!-- Javascript -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<!-- 형식검사 클래스 참조 -->
		<script src="assets/js/string.js"></script>
	<script type="text/javascript">
		$(function() {
			// id속성이 "delete"인 요소에 대한 click이벤트
			$("#delete").click(function() {
				// 사용자에게 물어본다.
				if (!confirm("정말 삭제하시겠습니까?")) {
					// "취소"를 선택한 경우 처리 중단
					return false;
				}
			});
			$("#Add").click(function() {	
				if ($("select[name='ca1seq']").val() == 0) {
					alert("구분을 선택하세요.");
					$("select[name='ca1seq']").focus();
					return false;
				}
				// 아이디 입력여부 검사
				if (!$("input[name='name']").val().isValue()) {
					alert("카테고리를 입력하세요.");
					$("input[name='name']").focus();
					return false;
				}
				
			});
		});
	</script>
</body>
</html>